body{
    background-color: cadetblue;
}

@keyframes loading {
    0% {
        transform: scale(1,1)
    }

    100%{
        transform: scale(1,0)
    }
}


div{
    width: 8px;
    height: 60px;
    background-color: white;
    display: inline-block;
    margin: 0 1px;
    animation-name: loading;
    animation-duration: 0.5s;
    animation-timing-function: ease;
    animation-iteration-count:infinite;
    animation-direction:alternate;


}


section>.b{
    animation-delay:0.1s
}

section>.c{
    animation-delay:0.2s
}

section>.d{
    animation-delay:0.3s
}

section>.e{
    animation-delay:0.4s
}

section>.f{
    animation-delay:0.5s
}

section>.g{
    animation-delay:0.6s
}

section>.h{
    animation-delay:0.7s
}

section>.i{
    animation-delay:0.8s
}

section>.j{
    animation-delay:0.9s
}




section{
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

